<template>
 <div>
  <p>请选择你喜欢的专栏</p>
  <div>
    <span v-for="(item,index) in msg" :key="index"><input type="checkbox" v-model="arr" :value="item">{{item}}</span>
  </div>
  <ul>
    <li  v-for="(item,index) in arr" :key="index">{{item}}</li>
  </ul>
 </div>

</template>

<script>
export default {
data(){
  return{
    msg:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
   arr:[]
  }
},

}
</script>

<style>

</style>